<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header">
    <meta charset="utf-8"/>
    <title>yayCrawler</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="assets/googleapi/css/css.css" rel="stylesheet"
          type="text/css"/>
    <link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <link href="assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css"/>
    <link href="assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css"/>
    <!--<link href="assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>-->
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link href="assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="assets/global/css/plugins.min.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME GLOBAL STYLES -->
    <!-- BEGIN THEME LAYOUT STYLES -->
    <link href="assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css"/>
    <!--<link href="assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color"/>-->
    <link href="assets/layouts/layout/css/themes/light.min.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME LAYOUT STYLES -->
    <link rel="shortcut icon" href="favicon.ico"/>


    <!--[if lt IE 9]>
    <script src="assets/global/plugins/respond.min.js"></script>
    <script src="assets/global/plugins/excanvas.min.js"></script>
    <![endif]-->

    <!-- BEGIN CORE PLUGINS -->
    <script src="assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

    <script src="assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
            type="text/javascript"></script>
    <script src="assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="assets/global/plugins/moment.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js"
            type="text/javascript"></script>
    <script src="assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
    <script src="assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
    <script src="assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
    <script src="assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
    <!--<script src="assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>-->
    <!--<script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>-->
    <!--<script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>-->
    <!--<script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>-->
    <!--<script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>-->
    <!--<script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>-->
    <!--<script src="assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>-->
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN THEME GLOBAL SCRIPTS -->
    <script src="assets/global/scripts/app.min.js" type="text/javascript"></script>
    <!-- END THEME GLOBAL SCRIPTS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <!--<script src="assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>-->
    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME LAYOUT SCRIPTS -->
    <script src="assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
    <!--<script src="assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>-->
    <!--<script src="assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>-->
    <!-- END THEME LAYOUT SCRIPTS -->

    <!--BEGIN Bootstrap table-->
    <link rel="stylesheet" href="assets/global/plugins/bootstrap-table-master/bootstrap-table.min.css"/>
    <script src="assets/global/plugins/bootstrap-table-master/bootstrap-table.min.js"></script>
    <script src="assets/global/plugins/bootstrap-table-master/locale/bootstrap-table-zh-CN.min.js"></script>

    <link rel="stylesheet"
          href="assets/global/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css"/>
    <script src="assets/global/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.min.js"></script>
    <script src="assets/global/plugins/bootstrap-table-master/extensions/editable/bootstrap-table-editable.min.js"></script>

    <!--export-->
    <script src="assets/global/plugins/bootstrap-table-master/extensions/export/bootstrap-table-export.min.js"></script>
    <script src="assets/global/plugins/bootstrap-table-master/extensions/export/tableExport.js"></script>


    <!--END Bootstrap table-->

    <!--jquery form-->
    <script src="assets/global/plugins/jquery-form/jquery.form.js"></script>

    <script th:inline="javascript">
        /*<![CDATA[*/

        Date.prototype.format = function (format) {
            var date = {
                "M+": this.getMonth() + 1,
                "d+": this.getDate(),
                "h+": this.getHours(),
                "m+": this.getMinutes(),
                "s+": this.getSeconds(),
                "q+": Math.floor((this.getMonth() + 3) / 3),
                "S+": this.getMilliseconds()
            };
            if (/(y+)/i.test(format)) {
                format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
            }
            for (var k in date) {
                if (new RegExp("(" + k + ")").test(format)) {
                    format = format.replace(RegExp.$1, RegExp.$1.length == 1
                            ? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
                }
            }
            return format;
        };


        window.global = {};
        window.global.contextPath =/*[[${#httpServletRequest.getContextPath()}]]*/;
        window.global.bootstrapTableOptions = {
//            url: global.contextPath + '/queryPageSites',         //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: function (params) {
                return {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    pageSize: params.limit,   //页面大小
                    pageIndex: params.offset / params.limit //页码
                };
            },
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: true,
            undefinedText: "",
            escape: true,
            showColumns: true,                  //是否显示所有的列
            showExport: true,                     //是否显示导出
            exportDataType: "basic",              //basic', 'all', 'selected'.
            showRefresh: true,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",                     //每一行的唯一标识，一般为主键列
            showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: true          //是否显示父子表


//            columns: [{
//                checkbox: true
//            },
//                {
//                    field: 'domain',
//                    title: '所属域名'
//                },
//                {
//                    field: 'action',
//                    title: '操作',
//                    formatter: function (value, row, index) {
//                        return [
//                            '<a  href="javascript:void(0)" class="addCookie btn btn-sm green" title="添加cookie">',
//                            '<i class="fa fa-plus">添加cookie</i>',
//                            '</a>'
//                        ].join('');
//                    },
//                    events: {
//                        'click .addCookie': function (e, value, row, index) {
//                            $("#cookieForm #siteId").val(row.id);
//                            $("#cookieForm #domain").val(row.domain);
//                            $('#cookieAddModal').modal({
//                                keyboard: false
//                            });
//                        }
//                    }
//                }
//            ],
            //注册加载子表的事件。注意下这里的三个参数！
//            onExpandRow: function (index, row, $detail) {
//                var cookieList = row.cookieList;
//                if (!cookieList || cookieList.length == 0) return;
//
//                var tdDom = '<table class="table table-bordered table-condensed">' +
//                        '<thead>' +
//                        '<tr>' +
//                        '<th>序号</th>' +
//                        '<th>所属域名</th>' +
//                        '<th>cookie</th>' +
//                        '<th>创建时间</th>' +
//                        '</tr>' +
//                        '</thead>' +
//                        '<tbody>';
//                $.each(cookieList, function (index, item) {
//                    tdDom += '<tr><td>' + index + '</td><td>' + item.domain +
//                            '</td><td>' + item.cookie + '</td><td>' + item.createdDate + '</td></tr>';
//                });
//                tdDom += '</tbody></table>';
//                $detail.append(tdDom).fadeIn(500);
//            }
        };
        /*]]>*/
    </script>
    <style type="text/css">
        .bars, .chart, .pie {
            overflow: hidden;
            height: 40px;
            width: 400px;
            font-size: 14px;
        }

        table td {
            max-width: 100px;
            word-wrap: break-word;
            word-break: break-all;
        }

        table td a {
            word-wrap: break-word;
        }

        /*.fixed-table-container{*/
        /*min-height: 500px!important;*/
        /*}*/
    </style>


</head>
<body>


<div th:fragment="itemDel">
    <link rel="stylesheet" href="assets/global/plugins/jquery-confirm/jquery-confirm.min.css"/>
    <script src="assets/global/plugins/jquery-confirm/jquery-confirm.min.js"></script>
    <script th:inline="javascript">
        /*<![CDATA[*/
        function delItem(delFunction) {
            $.confirm({
                title: '确定删除?',
                content: '删除后数据将无法恢复!',
                confirmButtonClass: 'btn-info',
                cancelButtonClass: 'btn-danger',
                animation: 'zoom',
                closeAnimation: 'scale',
                autoClose: 'cancel|5000',
                confirmButton: '确定',
                cancelButton: '取消',
                closeIcon: true,
                confirm: function () {
                    if (delFunction)
                        delFunction();
                },
                cancel: function () {
                }
            });
        }
        /*]]>*/
    </script>
</div>

</body>
</html>





